/********************************    C O R E    L A Y O U T    ****************************/

body {
    margin: 0px;
    padding: 0px;
    padding-bottom: 30px;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #333;
    background-color: white;
}


hr { color: black; height: 1px;}

body.print {
    margin: 10px 0px 0px 10px;
}

h1 {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size:28px;
    line-height:28px;
    font-weight:900;
    color:#ccc;
    vertical-align: middle;
}
p {
    font: 11px/20px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 16px 0px;
    padding: 0px;
}

a {
    color:#09c;
    font-size:11px;
    text-decoration:none;
    font-family:verdana, arial, helvetica, sans-serif;
    font-weight : bold;
    cursor: hand;
    cursor: pointer;
}

a img { border: 0; /*display: compact;*/ }

a:link {color:#0080FF;}
a:visited {color:#0080FF;}
a:hover {text-decoration : underline; cursor: hand, pointer;}

b {
    font-size:11px;
    font-weight:600;
}

table.basetable {
    margin: 50px 0px 0px 0px;
    border-width: 0px;
    width: 100%;
}

#printReady, ul li {
    font: 11px/20px verdana, arial, helvetica, sans-serif;
}

.noBorder { border: 0px none; }

#header {
    padding: 10px 0px 10px 20px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
    line-height: 11px;
    background-color: #eee;
    voice-family: inherit;
    height: 25px; /* the correct height */
    vertical-align: bottom;
}

#footer {
    border-style: solid;
    border-color: black;
    height: 35px; /* the correct height */
    background-color: #eee;
    border-width: 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
    color: #666666;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0px 10px 0px;
}

#centerColumn h2 {
    color: #00A9FF;
    font-size: 16px;
    padding-left: 10px;
}

#centerColumn h3, table caption {
    margin: 20px 0px 10px 10px;
    font-weight: bold;
    font-size: 14px;
    color: #27458E;
    background-image : url(../../../images/theme/atleap_frontend/header_background.gif);
    background-repeat : no-repeat;
    background-position : left;
    padding-left : 25px;
    text-align: left;
}

h4 {
    color: #00455f;
    font-size: 16px;
    font-weight: bold;
}

#rightColumn {
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top;


}
#rightColumn div.block {
    background-color:#eee;
    border-style: solid;
    border-color: #999;
    border-width: 1px 0px 1px 1px;
    line-height: 16px;
    width: 165px;
    margin: 10px 0px 10px 0px;
    padding: 10px 2px 3px 1px;

}
#rightColumn div.blockTitle {
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    margin: 0px 2px 5px 2px;
    vertical-align: middle;
    color: #00455f;
    padding-bottom: 0px;
}

#leftColumn {
    width:165px;
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top;
}

#leftColumn div.block {
    background-color:#eee;
    border-style: solid;
    border-color: #999;
    border-width: 1px 1px 1px 0px;
    line-height: 16px;
    width: 165px;
    margin-bottom: 10px;
	margin-top: 10px;
    padding: 10px 2px 3px 1px;
}

#leftColumn div.blockTitle {
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    margin: 0px 2px 5px 2px;
    vertical-align: middle;
    color: #00455f;
    padding-bottom: 0px;
}

#leftColumn div.dropDownMenu {
    background-color:#eee;
    border-style: solid;
    border-color: #999;
    border-width: 1px 1px 1px 1px;
    line-height: 16px;
    width: 165px;
    padding: 0px;
    margin: 0px;
}

#leftColumn div.dropDownMenu_empty {
    background-color:#eee;
    border-style: solid;
    border-color: #999;
    border-width: 0px 0px 0px 0px;
    line-height: 16px;
    width: 165px;
    padding: 0px;
    margin: 0px;
}

#centerColumn {
    width: 80%;
    font-size: 14px;
    padding: 30px 9px 20px 10px;
    vertical-align: top;
    text-align: left;
}

.errorPageContent {
    width: 90%;
    font-size: 14px;
    padding: 30px 9px 20px 10px;
    vertical-align: top;
    text-align: center;
}

#loginForm table {
    width: 100%;
    border: 0px none;
    border-width: 0px;
    background-color:#eee;
    margin: -1px;
}

#loginForm table tr, #loginForm table td,  #loginForm table th {
    border: 0px none;
    background-color:#eee;
}

.rememberCheckbox {
    margin-bottom:0px;
}

#loginForm input.text, #loginForm input.text-focus {
    width: 70px;
    margin-bottom: 0px;
}

#loginForm input.button {
    width: 60px;
}

#loginForm .welcomeMessage {
    font-size: 12px;
    text-align: center;
}

#loginForm div.logoutButton input.button {
    width: 100px;
}

#loginForm .fullName {
    font-weight: bold;
}

div.activeUsers {
    font-style: italic;
    font-size: 10px;
    font-weight: bold;
    vertical-align: top;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    color: #ff0000;
}

div.searchQuery input.text, div.searchQuery input.text-focus {
    width: 320px;
    float: left;
    margin-right: 5px;
}

div.searchQuery {
    width: 440px;
}

div.searchQuery input.button {
    margin-top: 0px;
    margin-bottom: 5px;
}

div.block {
    background-color:#eee;
    border-style: solid;
    border-color: #999;
    border-width: 1px;
    width: 165px;
}
.switchLocaleFormTitle {
	font-weight: bold;
	font-size: 13px; 
	text-align: center;
	margin: 0px 2px 5px 2px; 
	color: #00455f;
}

.switchLocaleFormItem, .switchLocaleFormItem a {
	margin-bottom: 3px;
	font-size: 11px;
	text-align: center;    
}
.switchLocaleFormItem a {
	padding: 0px 1px 1px 0px;
	margin-bottom:0px;
}



/*********************** errorPege *******************************/

#contentError {
    margin: 0px 10px 50px 10px;
    padding: 10px;
    text-align: left;
}

#content>p {margin:10px 0px;}

table.report {
    border-collapse: separate;
    empty-cells: hide;
    border: 0px none;
}

table.report td {
    empty-cells: hide;
    border: 0px none;
}

table.report tr {
    border: 0px none;
}

pre {
    background: #ffffdd;
    border: 1px solid #999999;
    color: #000000;
    padding: 5px 5px 5px 7px;
    margin: 10px 10px 0px 0px;
    display: table;
    empty-cells: hide;
    border-collapse: separate;
    font-size: 14px;
}



/*************************************      F O R M S      ****************************/

/* form */
table tr td form {margin: 0px;}

form {
    font-size: 12px;
    color: #000000;
    background-color: transparent;
}

form input.text-focus, form textarea.focus {
    border : 1px solid #0080FF;
    color: black;
background-color : #FFFFFF;
    width: 200px;
    margin-bottom: 5px;
}

form input.textYear-focus {
    border : 1px solid #0080FF;
    color: black;
	background-color : #FFFFFF;
    width: 4em;
    margin-bottom: 5px;
}

form input.date-focus {
    border : 1px solid #0080FF;
    color: black;
	background-color : #FFFFFF;
    width: 80px;
    margin-bottom: 5px;
}

form select.focus {
    border : 1px solid #0080FF;
    color: #000;
    background-color : #FFFFFF;
    margin-bottom: 5px;
}

form .readOnlyField {
    font-weight: bold;
    margin: 5px 0px 5px 0px;
}

form .languageField {
    font-weight: bold;
    margin: 5px 0px 5px 0px;
}

form input.file {
    border: #0080FF 1px solid;
    background-color: #E4F6FF;
    margin-bottom: 5px;
}

form input.file-focus {
    border: #0080FF 1px solid;
    background-color: #FFFFFF;
    margin-bottom: 5px;
}

/* Labels for validation and label tag */
form label {
    font-weight: normal;
    cursor: pointer;
    cursor: hand;
}

form .label {
	font-weight: bold;
}

#rightColumn label, #leftColumn label {
    font-size: 11px;
}

label.required {
    font-weight: bold;
    font-size: 11px;
}

label.error {
    font-weight: bold;
    background: transparent;
    color: #ff0000;
}

div.error {
    font-weight: bold;
    font-size: 10px;
    color: #ff0000;
}

form input.text {
    border: 1px solid #0080FF;
    background-color : #E4F6FF;
    width: 200px;
    margin-bottom: 5px;
}

form input.textYear {
    border: 1px solid #0080FF;
    background-color : #E4F6FF;
    width: 4em;
    margin-bottom: 5px;
}

form input.date {
    border: 1px solid #0080FF;
    background-color : #E4F6FF;
    width: 80px;
    margin-bottom: 5px;
}

form input.password {
    border: 1px solid #0080FF;
    background-color: #E4F6FF;
    width: 200px;
    margin-bottom: 5px;
}

form input.button {
    width: 100px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    background-color : #99CCFF;
    color : Black;
    font-size : 11px;
    border : 1px solid #27458E;
    font-weight : bold;
}

form input.radio {
    height: 15px;
    width: 15px;
    margin: 0px 5px 0px 0px;
    padding: 0px;
}

form label.labelCheckbox, form input.checkbox, form label.labelCheckboxImg {
    vertical-align: middle;
}

form textarea {
    border : 1px solid #0080FF;
    background-color: #E4F6FF;
    height: 50px;
    width: 200px;
    margin-bottom: 5px;
}

form select {
    border : 1px solid #0080FF;
    background-color: #E4F6FF;
    width: 200px;
    margin-bottom: 5px;
}

form select.multiple {
    background-color: #ffffff;
}

form div.buttonMargin {
    margin-left: 50px;
    margin-right: 50px;
}

/*************************************      M E N U      ****************************/

/* Single-level menu */
#leftColumn div.singleLevelMenuItem, #rightColumn div.singleLevelMenuItem {
    padding: 0px;
    display: block;
    margin: 0px;
    padding: 0px;
    text-transform: none;
    background-color: transparent;
    color: #000000;
    font-weight: bold;
}

#leftColumn div.singleLevelMenuItem a, #rightColumn div.singleLevelMenuItem a {
    display: block;
    padding: 0px 1px 1px 5px;
    margin-bottom: 0px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    color: #003969;
    height: 14;
    text-decoration: none;
    width: 95%;
}

#leftColumn div.singleLevelMenuItem a:hover , #rightColumn div.singleLevelMenuItem a:hover{
    color: #000000;
}

/* Two-level menu */

#leftColumn div.twoLevelMenuItem, #rightColumn div.twoLevelMenuItem {
    padding: 0px;
    display: block;
    margin: 0px;
    padding: 0px;
    text-transform: none;
    background-color: #e8eef0;
    text-align: left;
    color: #000000;
    font-weight: bold;

}

#leftColumn div.twoLevelMenuItem a.actuator, #rightColumn div.twoLevelMenuItem a.actuator {
    display: block;
    padding: 0px 1px 1px 10px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    color: #003969;
    height: 16;
    background-color: #cedee4;
    text-decoration: none;

}

#leftColumn div.twoLevelMenuItem a.actuator:hover, #rightColumn div.twoLevelMenuItem a.actuator:hover {
    color: #000000;
    background-color: #b4d7e4;
}

#leftColumn ul.submenu, #rightColumn ul.submenu {
    display: none;
    padding: 0px;
    margin: 0px;
    color: #0194d1;
    list-style-type: none;
    font-weight: bold;
}

#leftColumn ul.submenu li , #rightColumn ul.submenu li{
    padding: 0px;
    margin: 0px;
    color: #0194d1;
    font-weight: bold;
    text-align: justify;
}

#leftColumn ul.submenu li a, #rightColumn ul.submenu li a {
    display: block;
    padding: 2px 2px 0px 10px;
    font-size: 12px;
    margin: 0px;
    color: #0194d1;
    text-decoration: none;
    font-weight: bold;
    text-align: justify;
    height: 16px;
}

#leftColumn ul.submenu li a:hover, #rightColumn ul.submenu li a:hover {
    color: #003969;
    background-color: #dde6e9;
    cursor: hand;
    cursor: pointer;
}

/* Tabbed menu (styles were copied from Struts Menu. If you change class names you must synchronise it with corresponding JavaScript) */

#browserBody {
    background: #ffffff;
    font-family: Verdana, Helvetica, Arial;
    font-size: 12px;
    margin: 10px;
    padding: 0px;
}

#content {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-top: 0;
    clear: both;
    margin: 0px;
    padding: 15px;
}

/* IE doesn't read the padding from content */
#content h2 {
    margin-top: 30px;
}

/* Override margin for Mozilla to set to default */
body>#content h2 {
    margin-top: 15px;
}

#menuList {
    border-bottom: 1px solid #cccccc;
    margin: 0;
    padding-bottom: 19px;
    padding-left: 10px;
}

#menuList a:link, #menuList a:visited	{
    background: #e8ebf0;
    border: 1px solid #cccccc;
    color: #666666;
    float: left;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

#menuList a:link.active, #menuList a:visited.active	{
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #000000;
}

#menuList a:hover	{
    color: #ff0000;
}

#menuList li.selected a {
    background: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    color: #000000 !important;
    font-weight: bold !important;
}

#menuList li.selected ul.submenu {
    display: inline;
    left: 10px;
    position: absolute;
    top: 35px;
}

#menuList li.selected ul.submenu a {
    background: #ffffff;
    border: none;
    border-left: 1px solid #cccccc;
    color: #999999 !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin-right: 4px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

#menuList li.selected ul.submenu a.selected {
    background: transparent;
    color: #000 !important;
}

#menuList ul a:hover, #menuList ul.submenu a:hover {
    color: #ff0000 !important;
}

#menuList ul, #menuList li	{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menuList ul.submenu {
    display: none;
    width: 90%;
}
/*************************      C O N T E X T   M E N U       ************************/

/*
 * Here MUST be specified ALL CSS-properties that relate to text. Don't delete
 * any of these 'because it's default'!  
*/
div.contextMenu {
    border: #000000 1px solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
    text-align: left;
    font-family: Verdana, Helvetica, Arial;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: normal;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    text-ident: 0;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-spacing: normal;
    background-color: #E5E5E5;
	cursor: pointer;
}

.contextMenuItem {
	width: 180px;
	color: #000000;
	cursor: pointer;
    background-color: #EAF5FF;
    border: #000000 1px solid;
	border-bottom-width: 0px;
	padding: 3px 3px 3px 5px;
}

.highlightedContextMenuItem {
	width: 180px;
	color: #000000;
    background-color: #D3E9FF;
	cursor: pointer;
	border: #000000 1px solid;
	border-bottom-width: 0px;
	padding: 3px 3px 3px 5px;
}

.disabledContextMenuItem {
	width: 180px;
	color: #000000;
    background-color: #EAF5FF;
    border: #000000 1px solid;
	border-bottom-width: 0px;
	padding: 3px 3px 3px 5px;
	cursor: pointer;
	text-decoration: line-through;
}

.highlightedDisabledContextMenuItem {
	width: 180px;
	color: #000000;
    background-color: #D3E9FF;
	cursor: pointer;
	border: #000000 1px solid;
	border-bottom-width: 0px;
	padding: 3px 3px 3px 5px;
	text-decoration: line-through;
}

table.itemTable {
    margin: 0;
    padding: 0;
}

/**
 * This rule is implementation-specific, if you specify another classes for
 * context menu items, you should probably edit this rule.
 */
div.contextMenuItem img, div.highlightedContextMenuItem img, div.disabledContextMenuItem img, div.highlightedDisabledContextMenuItem img {
    padding-right: 5px;
    padding-bottom: 1px;
}

/*************************************      E D I T    M O D E      ****************************/

div.fieldValueWrapper {
    margin : 0px;
    padding : 0px;
    border : 0px none;
}

div.selectedFieldValueWrapper {
    margin : 0px;
    padding : 0px;
    border : 0px none;
    cursor : pointer;
    cursor: hand;
    background-image : none;
    background-color : #000000;
    color : #FFFFFF;
}

/************************************   G R I D   ************************************/

table.grid {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 3px 0px 3px;
    border-collapse: collapse;
    font-size: 11px;
    border-width: 0px;
}

table.grid caption{
    font-weight: bold;
    padding-bottom: 5px;
    color: #003969;
}

table.grid tr.oddRow{
    background-color: White;
    height: 27px;
}

table.grid tr.evenRow{
    background-color: #EAF5FF;
    height: 27px;
}

table.grid tr.hover{
    background-color: #D3E9FF;
    cursor: default;
    text-align: left;
    padding: 0px 1px 0px 2px;
    height:27px;
}

table.grid th {
    border: #000000 1px solid;
    background: #E5E5E5;
    text-align: center;
    padding-left: 4px;
    padding-right: 2px;
    font-size: 11px;
    height : 27px;
}

table.grid th.checkbox {
    padding: 0px 2px 0px 3px;
}

table.grid a {
    color: #0080FF;
    text-decoration: none;
    font-weight: bold;
}

table.grid a table img {
    padding-bottom: 1px;
    padding-top: 1px;
}

table.grid a:hover {
    color: #003969;
    background-color: transparent;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

table.grid td {
    border: #000000 1px solid;
    padding: 0px 1px 0px 2px;
}

table.grid td.defaultCursorCell {
    cursor: default;
}

table.grid td.pointerCursorCell {
    cursor: hand;
    cursor: pointer;
}

table.grid tr {
    border: #000000 1px solid;
    font-size:11px;
}

table.grid td.tfoot {
    background: #cedee4;
    height : 27px;
    cursor: default;
}

table.grid tfoot td {
    background: #cedee4;
    height : 27px;
}

table.grid a img {
    vertical-align: middle;
    display:inherit
}

/*
table.grid img {
	vertical-align: middle;
    display:inherit
}
*/

table.grid checkbox {
    vertical-align: middle;
    padding: 0px 2px 0px 2px;
}

table.gridSubFooter {
    border: 0px none;
    margin: 0px;
}

table.gridSubFooter tr {
    border: 0px none;
}

table.gridSubFooter td {
    border: 0px none;
}

.hardCodedEntities table.grid {
    width: 90%;
    font-size: 10px;
}


/*************************** FILTER ***********************************/


.filter-Layout {
    margin-top: 5px;
    margin-left: 10px;
    background-color: #eee;
}
.filter-table {
    background-color: #eee;
    margin: 0px 10px 0px 0px;
    border-width:0px;
    font-size: 12px;
    font-weight: normal;
}

.filter-table tr, .filter-table td {
    border: 0px none;
    background-color: #eee;
}

.filter-table a img { display: inherit; }

table.filter-table a:hover {
    color: #003969;
    background-color: transparent;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

table.filter-table input.button {
    margin-right: 20px;
    margin-left: 20px;
}

.filter-ErrorMessage {
    font-weight: bold;
    font-size: 10px;
    color: #ff0000;
}

.filter-FildName {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    color: #000000;
    margin: 0px;
}

.filter-logicCopula select {
    background-color : #E4F6FF;
    border: #0080FF 1px solid;
    margin: 5px 0px 5px 0px;
    width: 50px;
}

.filter-logicCopula select.focus {
    border : 1px solid #0080FF;
}

.filter-condition select {
    width: 170px;
    background-color : #E4F6FF;
    border: #0080FF 1px solid;
    margin: 0px 10px 5px 0px;

}

.filter-value input {
    border: 1px solid #0080FF;
    background-color : #E4F6FF;
    width: 170px;
    margin-bottom: 5px;
    margin: 0px 10px 5px 0px;
}

.dateFilter-value input {
    border: 1px solid #0080FF;
    background-color : #E4F6FF;
    width: 120px;
    margin: 0px 10px 5px 0px;
}

.dateFilter-value input.focus {
    border : 1px solid #0080FF;
    color: Black;
    background-color : #FFFFFF;
    width: 120px;
    margin: 0px 10px 5px 0px;
}
.filter-value input.focus {
    border : 1px solid #0080FF;
    color: Black;
    background-color : #FFFFFF;
    width: 170px;
    margin-bottom: 5px;
    margin: 0px 10px 5px 0px;
}

.setFilterButton input.button {
    margin-left: 20px;
    margin-bottom: 5px;
}

.createButtons {
    width:208px;
}

.leftCreateButton {
    float:left;
    margin-right:5px;
}

.betweenImg {
    margin-top: 3px;
}

/********************************** Pages View  ***************************************/

table.tableView {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 3px 0px 3px;
    overflow: visible;
    border-collapse: collapse;
    font-size: 11px;
    border-width: 0px;

}

table.tableView tr {
    border: 1px solid #000000;
    height: 20px;
}

table.tableView td {
    border:1px solid #000000;
    background-color: White;
    padding: 0px 3px 0px 3px;
    visible: collapse;
}

table.tableView th {
    border:1px solid #000000;
    background-color: #99CCFF;
    padding: 0px 3px 0px 3px;
    text-align: left;
    width: 50%;
}

table.tableView a img { display: inherit; }

table.tableView a:hover {
    color: #003969;
    background-color: transparent;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

table.rolesDetails {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 3px 0px 3px;
    overflow: visible;
    border-collapse: collapse;
    font-size: 11px;
    border-width: 0px;

}

table.rolesDetails tr {
    border: 1px solid #000000;
    height: 20px;
}

table.rolesDetails td {
    border:1px solid #000000;
    background-color: White;
    padding: 0px 3px 0px 3px;
    visible: collapse;
}

table.rolesDetails th {
    border:1px solid #000000;
    background-color: #99CCFF;
    padding: 0px 3px 0px 3px;
    text-align: left;
}

table.rolesDetails td.mainHeader {
    border:1px solid #000000;
    background-color: White;
    padding: 0px 3px 0px 3px;
    visible: collapse;
    text-align: center;
    font-weight : bold;
}

table.rolesDetails th.mainHeader {
    border:1px solid #000000;
    background-color: #99CCFF;
    padding: 0px 3px 0px 3px;
    text-align: center;
}

.selectMessage {
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.switchSelect {
    margin-top: 20px;
    margin-bottom: 20px;
}

.switchSelect select {
    margin: 0px;
    float: left
}

.switchSelect form input.button {
    margin: 0px 0px 1px 0px;
}

table.tableView iframe {
    margin: 5px 25px 5px 5px;
}
/*******************************   M O D I F I C A T I O N    P A G E S  (e.g. createEntity or updateEntity)  *******************************/

table.modificationTable {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 3px 0px 3px;
    overflow: visible;
    border-collapse: collapse;
    font-size: 11px;
    border-width: 0px;
}

table.modificationTable tr {
    border: 1px solid #000000;
    height: 20px;
}

table.modificationTable td {
    border: 1px solid #000000;
    background-color: White;
    padding: 5px 5px 2px 5px;
    vertical-align: middle;
}

table.modificationTable th {
    border:1px solid #000000;
    background-color: #99CCFF;
    padding: 5px 3px 2px 10px;
    width: 50%;
    text-align: left;
}

table.modificationTable a:hover {
    color: #003969;
    background-color: transparent;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

table.modificationTable a img {display: inherit;}

table.modificationTable label.labelCheckbox {
    vertical-align: middle;
    font-weight: bold;
}

table.modificationTable input.button {
    padding-top:0px;
    margin-top:0px;
}

table.modificationTable div.assignRole {
    margin-bottom: 2px;
}

/********************************** Merge styles  ***************************************/

div.addHtml {	
	color: red;
    display: inline;
}
div.oldHtml {	
	color: green;
    display: inline;
}
div.newHtml {	
	color: blue;
    display: inline;
}
div.delHtml {	
	color: red;
	text-decoration: line-through;
    display: inline;
}


/* FORUM */

table.postList {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 3px 0px 3px;
    border-collapse: collapse;
    font-size: 11px;
}

table.postList tr.oddPost{
    background-color: White;
    height: 27px;
}

table.postList tr.evenPost{
    background-color: #EAF5FF;
    height: 27px;
}

table.postList th {
    border: #000000 1px solid;
    background: #E5E5E5;
    text-align: center;
    padding-left: 4px;
    padding-right: 2px;
    font-size: 11px;
    height : 27px;
}

table.postList td {
    padding: 5px 1px 5px 5px;
    border: #000000 1px solid;
}

table.postList tr.topicPager td {
    height: 27px;
}

table.postList a img {
    vertical-align: middle;
    display:inherit
}

table.postInternalTable {
    padding-top: 0px;
    margin-top: 0px;
}

table.postList td.postInternalCell {
    border: none;
}

table.postList td.postTitleCell {
    border: none;
    padding-top: 0px;
    margin-top: 0px;
}



table.forumsTree {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 3px 0px 3px;
    border-collapse: collapse;
    font-size: 11px;
}

table.forumsTree tr{
    height: 20px;
}

table.forumsTree tr.minimalHeight{
    height: 0px;
}

table.forumsTree th {
    border: #000000 1px solid;
    background: #E5E5E5;
    text-align: center;
    padding-left: 4px;
    padding-right: 2px;
    font-size: 11px;
    height : 27px;
}

table.forumsTree a {
    color: #0080FF;
    text-decoration: none;
    font-weight: bold;
}

table.forumsTree a:hover {
    text-decoration: underline;
}

table.forumsTree td {
    padding: 0px 1px 0px 2px;
    border: #000000 1px solid;
}

table.forumsTree td.transparentCell {
    background-color: white;
    border: none;
}

table.forumsTree td.belowForumIcon {
    background-color: white;
    border-top-width: 0px;
    border-right-width: 0px;
}

table.forumsTree td.noBorder {
    border: none;
}

table.forumsTree td.noTopBorder {
    border-top-width: 0px;
}

table.forumsTree td.noLeftTopBorder {
    border-top-width: 0px;
    border-left-width: 0px;
}

table.forumsTree td.noLeftBottomBorder {
    border-bottom-width: 0px;
    border-left-width: 0px;
}

table.forumsTree td.noRightBorder {
    border-right-width: 0px;
}

table.forumsTree td.noRightBottomBorder {
    border-right-width: 0px;
    border-bottom-width: 0px;
}

textarea.forumPost {
    width: 400px;
    height: 200px;
}

.forumPath {
    font-size: 11px;
    height: 27px;
}

/* Demo */
.elementDiv {
    border: solid 1px black;
    margin-bottom: 5px;
    padding: 15px 25px;
}

.elementDescrDiv {
    margin-bottom: 5px;
}

.elementDescrImg {
    border: solid 1px black;
}

.elementLinkDiv {
}

.slideShow {
    text-align: center;
}

#slideshowImgElem {
    margin-top: 2px;
}

.galleryImgWrapper {
    padding: 25px;
}

#galleryDiv {
    text-align: center;
}

.newsItemDetailsLink {
    margin-bottom: 10px;
}